@import url("http://fonts.googleapis.com/css?family=Limelight:regular&v1");
@import url("mixins.less");

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
 	vertical-align: baseline;
	margin: 10px 10px 10px 10px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Verdana, Arial, sans-serif;
	font-weight: bold;
	padding: .5em 0.8em .45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	.box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}
 
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
 
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	.background-gradient(#666, #000);
}

/*.black:hover {
	background: #000;
	.background-gradient(#444, #000);
}

.black:active {
	color: #666;
	.background-gradient(#000, #444);
}*/
 
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	.background-gradient(#888, #575757);
}

.gray:hover {
	background: #616161;
	.background-gradient(#757575, #4b4b4b);
}

.gray:active {
	color: #afafaf;
	.background-gradient(#575757, #888);
}
 
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	.background-gradient(#fff, #ededed);
}

.white:hover {
	background: #ededed;
	.background-gradient(#fff, #dcdcdc);
}

.white:active {
	color: #999;
	.background-gradient(#ededed, #fff);
}
 
/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	.background-gradient(#faa51a, #f47a20);
}

.orange:hover {
	background: #f47c20;
	.background-gradient(#f88e11, #f06015);
}

.orange:active {
	color: #fcd3a5;
	.background-gradient(#f47a20, #faa51a);
}
 
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	.background-gradient(#ed1c24, #aa1317);
}

/*.red:hover {
	background: #b61318;
	.background-gradient(#c9151b, #a11115);
}
.red:active {
	color: #de898c;
	.background-gradient(#aa1317, #ed1c24);
}*/
 
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	.background-gradient(#00adee, #0078a5);
}

.blue:hover {
	background: #007ead;
	.background-gradient(#0095cc, #00678e);
}

.blue:active {
	color: #80bed6;
	.background-gradient(#0078a5, #00adee);
}
 
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	.background-gradient(#7db72f, #4e7d0e);
}

.green:hover {
	background: #538018;
	.background-gradient(#6b9d28, #436b0c);
}

.green:active {
	color: #a9c08c;
	.background-gradient(#4e7d0e, #7db72f);
}